<template>
  <div id="list-rendering">
    <ol>
      <li v-for="todo in todos">
        {{ todo.text }}
      </li>
    </ol>
  </div>
</template>

<script>
import {onBeforeMount, ref} from "vue";

export default {
  setup() {
    const todos = [
      { text: 'Learn JavaScript' },
      { text: 'Learn Vue' },
      { text: 'Build something awesome' }
    ]


    return {
      todos
    }
  }
}
</script>

<style scoped>

</style>